@charset "utf-8";
/* CSS Document */
body{width:100%; height:100%; margin:0; padding:0; font-size:13px;  font-family:돋움; line-height:180%; background:url(../img/bg_body.gif) repeat-x #fcfdff; color:#333;}

div,a,p,ul,li,dl,dt,dd,ol,table,th,td,h1,input{margin:0; padding:0;}
img{border:0; padding:0; margin:0;}
a{outline:0; text-decoration:none;}
ul{list-style:none;}
select{font-size:11px;}

/* 전체 레이아웃 */
#wrap{position:relative; width:980px; height:100%; margin:0 auto;}
#hearder{position:relative; width:100%; height:232px; margin-bottom:20px; *margin-bottom:40px;}

#container{position:relative; width:100%; height:100%; }
html>/**/body #container{overflow:hidden;}
#container .subtit{height:35px; width:100%; border-bottom:3px solid #dcdee3; margin-bottom:30px;} 
.contents{width:100%;}
.code_submenu{position:relative; float:left; width:165px; height:100%;}
.code_contents{position:relative; float:left; width:791px; padding:12px;}

#footer{position:relative; width:100%; background-color:#ededed; text-align:center; padding:10PX 0; color:#999;}


/* header 부분 */
#hearder h1{width:215px; height:31px ; }
#hearder .logo{display:block; width:215px; height:31px;background:url(../img/img.png) 0 0 no-repeat; margin-top:19px;}
#hearder .logo span{display:none;}

.access{position:absolute; right:0; top:-9px; background:url(../img/img.png) 0 -33px no-repeat; width:482px; height:24px; *top:9px;}
.access ul{padding-left:30px;}
.access li{float:left; font-size:11px; padding:0px 15px 0 15px; _padding-left:25px; _padding-right:25px;}
.access li a{color:#333; text-decoration:none;}
.access li .messege{color:#ff0000; text-decoration:underline; font-weight:bold;}

.code{position:absolute; right:0; top:46px; width:91px; height:37px; background:url(../img/img.png) 0 -57px no-repeat;  *top:66px; }
.code span{display:none;}

.gnb{position:relative; margin-top:21px; *margin-top:40px; _margin-top:21px;}
.gnb li{float:left; width:112px; height:48px;}
.gnb li .submn li{_display:block; _padding:0; _margin:0;}
.gnb li .submn a{color:#fff;}
.gnb li .submn li{height:20px;}
.gnb li .submn a{color:#e1e8f8;}
.gnb li .submn a:hover{color:#e4fc18; font-weight:bold; letter-spacing:-1px;}
.gnb li .submn .active{color:#e4fc18; font-weight:bold; letter-spacing:-1px;}

.gnb li .submn.st01{padding-left:23px;}
.gnb li .submn.st02{padding-left:30px;}
.gnb li .submn.st03{padding-left:23px;}
.gnb li .submn.st04{padding-left:30px;}


/* 서브타이틀 */
.subtit p span{display:none;}
.subtit p{background:url(../img/mn/img_subtitle.gif) no-repeat; width:250px; height:22px;}
.subtit p.subtt01{background-position:0 0;}
.subtit p.subtt02{background-position:0 -23px;}
.subtit p.subtt03{background-position:-250px -23px;}
.subtit p.subtt04{background-position:0 -45px;}
.subtit p.subtt05{background-position:-250px -45px;}
.subtit p.subtt06{background-position:0 -67px;}
.subtit p.subtt07{background-position:-250px -67px;}
.subtit p.subtt08{background-position:0 -89px;}
.subtit p.subtt09{background-position:-250px -89px;}
.subtit p.subtt10{background-position:0 -111px;}
.subtit p.subtt11{background-position:-250px -111px;}
.subtit p.subtt12{background-position:0 -133px;}
.subtit p.subtt13{background-position:-250px -133px;}
.subtit p.subtt14{background-position:0 -155px;}
.subtit p.subtt15{background-position:-250px -155px;}
.subtit p.subtt16{background-position:0 -177px;}
.subtit p.subtt17{background-position:-250px -177px;}
.subtit p.subtt18{background-position:0 -199px;}
.subtit p.subtt19{background-position:-250px -199px;}
.subtit p.subtt20{background-position:0px -221px;}
.subtit p.subtt21{background-position:-250px -221px;}
.subtit p.subtt22{background-position:00px -243px;}

/* 테이틀 타이틀 */
.tableTitle{font-size:18px; letter-spacing:-1px; font-weight:bold; margin-bottom:8px; font-family:Malgun gothic;}
.tableTitle .b{display:inline-block; background:url(../img/img.png) -115px -58px no-repeat; width:22px; height:22px; vertical-align:middle; padding-right:3px; margin-right:5px;}




/* 테이틀 속성(erp, 게시판) */
.erpTable,
.bbsTable{position:relative;width:100%; background-color:#e2c3b2; margin-bottom:20px; line-height:120%;}
.erpTable th,
.msgTable th,
.bbsTable th{height:20px; background-color:#fbe4d8; padding:3px 0;}
.erpTable td,
.msgTable td,
.bbsTable td{padding:2px; background-color:#fff; text-align:center;height:23px;}
.bbsTable td.title{text-align:left; text-indent:10px; cursor:pointer;}
.bbsTable td.re_title{text-align:left; text-indent:15px; cursor:pointer;}
.bbsTable td.viewbox,
.bbsTable td.writebox{text-align:left;padding:10px;}
.erpTable td.total{font-weight:bold; color:#C00; text-align:right; background-color:#fef1ea}
.erpTable td.day_cal{width:98px;}
.erpTable td.finish{background-color:#f1f1f1; color:#7a7878; font-size:11px; font-weight:bold;}
.erpTable td.finish p.out_print{display:block; background:url(../img/img.png) -96px -246px; width:95px; height:18px; margin:auto;}
.erpTable td.finish span{display:none;}
.erpTable td.start p.out{display:block; background:url(../img/img.png) 0 -246px; width:95px; height:18px; margin:auto;}
.erpTable td.start span{display:none;}
.erpTable td.start p.sort_write{display:block; background:url(../img/img.png) 0 -328px; width:95px; height:18px; margin:auto;}
.erpTable td.start p.sort_print{display:block; background:url(../img/img.png) -96px -328px; width:95px; height:18px; margin:auto;}
.erpTable td p.in_print{display:block; background:url(../img/img.png) -192px -328px; width:95px; height:18px; margin:auto;}
.erpTable td p.in_print span{display:none;}

.msgTable{position:relative;width:100%; background-color:#e2c3b2; margin-top:20px; margin-bottom:20px;}
.msgTable td.msgView:hover{background-color:#f3f3f3; cursor:pointer}
.select_mm{overflow-y:scroll; margin:0; padding:0;}
span.cal{display:inline-block; background:url(../img/img.png) -92px -60px no-repeat; width:21px; height:21px; margin-left:3px; vertical-align:middle}

.rowLeft th{text-align:left; text-indent:20px;}
.rowLeft td{text-align:left; text-indent:5px;}


/* 버튼 스타일 공통 */
.BtnList{position:relative; width:100%; height:28px; text-align:right; margin-bottom:15px;}
.BtnList li{display:inline-block; width:72px; height:28px; *display:inline;}
.BtnList input{background:url(../img/img.png) 0 -95px no-repeat; width:70px; height:28px; border:0; outline:0; cursor:pointer;} 

.BtnList input.btn_inquiry{background-position:0 -95px}
.BtnList input.btn_submit{background-position:-71px -95px}
.BtnList input.btn_modify{background-position:-142px -95px}
.BtnList input.btn_del{background-position:-214px -95px}
.BtnList input.btn_exel{background-position:-286px -95px}
.BtnList input.btn_print{background-position:-358px -95px}

.BtnList input.btn_reset{background-position:-288px -95px}
.BtnList input.btn_list{background-position:0px -155px}
.BtnList input.btn_write{background-position:-71px -155px}
.BtnList input.btn_reply{background-position:-142px -155px}
.BtnList input.btn_cancel{background-position:-215px -155px}
.BtnList input.btn_sendmemo{background-position:-288px -155px}


/* 리스트 엑셀다운받기 및 출력하기*/
.BtnList2{position:position;}

.BtnList2 input{display:inline-block; float:right; margin: 0 3px 5px 3px}
.BtnList2 input.btn_excel{background:url(../img/img.png) -141px -58px; width:160px; height:20px; outline:0; cursor:pointer;border:0;}
.BtnList2 input.btn_print{background:url(../img/img.png) -302px -58px; width:78px; height:20px; outline:0; cursor:pointer;border:0;}
.BtnList2 input.btn_print_out{background:url(../img/img.png) -308px -205px; width:122px; height:19px; outline:0; cursor:pointer;border:0;}
.BtnList2 input.btn_print_in{background:url(../img/img.png) -308px -245px; width:122px; height:19px; outline:0; cursor:pointer;border:0;}
.BtnList2 input.btn_print_sort{background:url(../img/img.png) -83px -246px; width:95px; height:18px; outline:0; cursor:pointer;border:0; display:block;}




/* 검색창 */
.erpSearch{border:5px solid #fec67f; padding:10px 50px; margin:0 auto 30px; }
.erpSearch td{padding:0 7px; *padding:10px 30px;}
.erpSearch input.btn_search{background:url(../img/img.png) -79px -124px no-repeat; width:68px; height:30px; border:0; outline:0;}
.txt_search{background:url(../img/img.png) 0 -123px no-repeat; width:79px; height:30px; display:block;}
.txt_farmsearch{background:url(../img/img.png) -251px -123px no-repeat; width:66px; height:30px; display:block;}



/* 테이블 속성 공통 */
.boxinput{height:19px; border:1px solid #CCC;}
.w30{width:30px;}
.w50{width:50px;}
.w65{width:65px;}
.w100{width:100px;}
.w300{width:300px;}
.w97p{width:97%;}

.sTB th{width:120px;}
.td7 td{width:14%;}
.td2 td{width:50%;}
.td4 td{width:25%;}
.td5 td{width:20%;}
.td6 td{width:16%;}
.td10 td{width:10%;}



.tLeft{text-align:left;}
.txt_radio{vertical-align:top; vertical-align:middle;}
.txt_check{vertical-align:text-top;}
.read{font-size:11px; color:#f00;}
.notread{font-size:11px; color:#03F; font-weight:bold;}
.msgtime, .comment{font-size:11px; color:#999;}
.sendMsg{position:absolute; right:0; top:70px;}
.btn_msg{width:92px; height:20px; background:url(../img/img.png) -381px -58px no-repeat; display:block;}
.fileUp{width:14px; height:14px; background:url(../img/img.png) -148px -124px no-repeat; display:block; margin:0 auto; cursor:pointer;}
.reply{width:47px; height:14px; background:url(../img/img.png) -162px -124px no-repeat; display:inline-block; margin-right:5px;}
.basic{color:#f00; font-weight:bold;}
.listUp{background:url(../img/img.png) -212px -126px; width:18px; height:14px; display:inline-block; cursor:pointer;}
.listDown{background:url(../img/img.png) -230px -126px; width:18px; height:14px; display:inline-block; cursor:pointer;}
.weight{font-weight:bold; font-size:15px; color:#f00;}



/* 쪽지보내기 */
#b1{position:absolute; visibility:visible; margin:0;}
#b2{position:absolute; visibility:hidden; margin:0;}

.tab_input {overflow:hidden; width:980px; height:31px;border-bottom:1px solid #ccc; font-family:Malgun gothic;}
.tab_input .tab_left, .tab_input .tab_right {float:left;width:147px;height:31px;border:1px solid #c0c1c6; border-bottom:none;line-height:31px; cursor:pointer;}
.tab_input .tab_left a, .tab_input .tab_right a {display:block;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,1), inset -1px -1px 1px rgba(255,255,255,1);background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f5f5f6));background-color:#fdfdfd;text-align:center;}
.tab_input .tab_left {margin-right:-1px;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;}
.tab_input .tab_left a {-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;}
.tab_input .tab_right {margin-right:-1px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;}
.tab_input .tab_right a {-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;}
.tab_input .on {position:relative;width:146px;border-color:#9497a1;-webkit-border-radius:3px; font-weight:bold; letter-spacing:-1px; }
.tab_input .on a {-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2), inset -1px -1px 1px rgba(255,255,255,0.2);background:-webkit-gradient(linear, left top, left bottom, from(#b3b5be), to(#a5a8b2));background-color:#a8abb5;color:#333;-webkit-border-radius:3px;}


/* Pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{ position:relative; color:#323232; font:bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff; z-index:2;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8;}
.pagination strong{ color:#ff8600;}
.pagination .direction{ font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ color:#323232; background-color:#fff;}
.pagination .prev{ border-left:0;}
.pagination .next{ border-right:0;}
.pagination .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
.pagination .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
.pagination .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px;}

/* 쪽지보내기 팝업 */
body.pop{background:url(../img/bg_memo.gif) repeat-x;}
.pop p{height:48px; position:relative; margin-bottom:20px;}
.pop .poptitle{background:url(../img/img.png) 0 -185px no-repeat; width:143px; height:31px; display:block; margin:3px 0 20px 10px;}
.pop .codetitle{background:url(../img/img.png) 0 -215px no-repeat; width:143px; height:31px; display:block; margin:3px 0 20px 10px;}
.pop .manage_outtitle{background:url(../img/img.png) 0 -267px no-repeat; width:208px; height:31px; display:block; margin:3px 0 20px 10px;}
.pop .manage_sorttitle{background:url(../img/img.png) 0 -297px no-repeat; width:208px; height:31px; display:block; margin:3px 0 20px 10px;}
.pop .poptitle span, .pop .codetitle span, .pop .manage_outtitle span, .pop .manage_sorttitle span{display:none;}
.pop .memoplace{padding:10px;}
.pop .memoplace textarea, .note{width:98%; height:100px; border:1px solid #CCC;}
.outlist_add{float:right; clear:both;}
.outlist_add p{background:url(../img/img.png) -322px -125px no-repeat; width:70px; height:14px; margin:0 0 5px 0;}
.outlist_add p span{display:none;}

/* 코드관리 */
.code_submenu .top{background:url(../img/img.png) -142px -185px no-repeat; width:165px; height:13px; display:block;}
.code_submenu .bottom{background:url(../img/img.png) -142px -212px no-repeat; width:165px; height:13px; display:block;}
.code_submenu .middle{background:url(../img/bg_codebg.gif) repeat-y;}
.code_submenu .middle .codeList{width:126px; margin:0 auto; padding:0;}
.code_submenu .middle .codeList li{border-bottom:1px solid #d4d4d4; padding:5px 0;}
.code_submenu .middle .productList{margin:0 0 20px 0; padding:0;}
.code_submenu .middle .productList li{background:url(../img/img.png) -308px -185px; width:124px; height:18px; color:#5f6269; font-weight:bold; margin:5px 0; line-height:130%; border:none; padding:0 0 0 8px;}
.code_submenu .middle .productList li a{color:#5f6269;}

.listframeaa{width:100%; height:170px; overflow-y:auto; overflow-x:none; margin-bottom:40px;}
.listframe table{width:100%;}

body.login{background:none; background-color:#fcfdff}
.loginBox{position:relative; width:861px; height:209px; background:url(../img/bg_login.gif) no-repeat; margin:130px auto;}
.loginBox .loginInput{position:absolute; right:150px; bottom:46px;}
.loginBox .loginBtn{position:absolute; right:40px; bottom:48px;}
.loginBox .inputBox{border:1px solid #999; width:170px; height:25px; font-size:20px; color:#999; margin:2px; padding:3px;}

.searchDate span{color:#06F; font-weight:bold;}